<!DOCTYPE html>
<!--suppress ThymeleafVariablesResolveInspection-->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>esfSaleDetail</title>
    <script src="/static/axios.min.js"></script>
    <script src="/static/vue.min.js"></script>
    <script src="/static/js/jquery-1.8.2.min.js"></script>
    <link rel="stylesheet" href="/static/css/base.css">
    <link rel="stylesheet" href="/static/css/houseDetail.css">
    <!--    <script src="/static/esfSaleJs/jquery1.11.3.min.js"></script>-->
<!--    <script src="../static/esfSaleJs/hm.js"></script>-->
<!--    <script src="../static/esfSaleJs/village_detail.js" type="text/javascript" charset="utf-8"></script>-->
<!--    <script src="../static/esfSaleJs/share.js"></script>-->
</head>
<body>
<div id='app'>
    <div class="topbg headerTop clearfix">
        <div class="headbg">
            <div class="head detailHead clearfix">
                <h1 class="fl">
                    <a><img src="https://sh.sofang.com/image/newimage/logo.png" alt="搜房网"></a>
                </h1>
                <ul class="fl nav">
                    <li>
                        <a href="/system/house/">首页</a>
                    </li>
                    <li>
                        <a href="/system/house/esfSale" class="default">二手房出售</a>
                    </li>
                    <li>
                        <a href="/system/house/esfRent" class="">二手房出租</a>
                    </li>
                    <li>
                        <a href="/system/house/xzlRent" class="">写字楼出售</a>
                    </li>
                    <li>
                        <a href="/system/house/xzlSale" class="">写字楼出租</a>
                    </li>
                    <li>
                        <a href="/system/house/spSale" class="">商铺出售</a>
                    </li>
                    <li>
                        <a href="/system/house/spRent" class="">商铺出租</a>
                    </li>
                    <li>
                        <a href="/system/house/goJisuanqi" class="">房贷计算器</a>
                    </li>
                </ul>
                <ul class="fr top_r">
                    <li class="logintip user">
                        <a target="_blank">登录/注册</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <br>
    <div class="detail">
        <div class="detail_title">
            <dl>
                <dd class="house_title fl">
                    <p class="house_name">[[${detail.houseName}]]</p>
                    <p class="house_tge">
                    </p>
                </dd>
                <dd class="house_show fr">
                    <p class="show fx">
                        <a class="icon4 ">
                        <span class="focus" value="2021070000001666,2,3,0">
                            <span>关注</span><i></i>
                        </span>
                        </a>
                    </p>
                </dd>
            </dl>
            <dl style="margin-top: 15px"></dl>
        </div>
        <div class="house_info">
            <div class="info_l">
                <div class="detail_context_pic">
                    <div class="detail_context_pic_top">
                        <img th:src="${detail.houseImg}" alt=""
                             id="pic1" curindex="0" class="showpic">
                    </div>
<!--                    <div class="detail_context_pic_bot">-->
<!--                        <div class="detail_picbot_left"><a href="javascript:void(0)" id="preArrow_B"></a></div>-->
<!--                        <div class="detail_picbot_mid">-->
<!--                            <ul>-->
<!--                                <li>-->
<!--                                    <a href="javascript:void(0);" class="pics">-->
<!--                                        <img src="https://gcy-image.oss-cn-shanghai.aliyuncs.com/2022-07-27/1658907710296_D80A5AD8B546F551C27CB9FF6AB15C70.jpg" class="s_pic selectpic" alt="喆苑" bigimg="">-->
<!--                                    </a>-->
<!--                                </li>-->
<!--                                <li>-->
<!--                                    <a href="javascript:void(0);" class="pics">-->
<!--                                        <img src="https://gcy-image.oss-cn-shanghai.aliyuncs.com/2022-07-27/1658911866403_MTA2MjkyMDc4Nl8xNjQxMzIxNjA1MF8xNTY1ODQ1NDE0Njgy_(1).jpg" class="s_pic" alt="喆苑" bigimg="https://img5.sofang.com/otherSize/house/sale/2022_07/22/092916_1658453356_QQRU_5.jpg">-->
<!--                                    </a>-->
<!--                                </li>-->
<!--                                <li>-->
<!--                                    <a href="javascript:void(0);" class="pics">-->
<!--                                        <img src="https://gcy-image.oss-cn-shanghai.aliyuncs.com/2022-07-27/1658913809809_D80A5AD8B546F551C27CB9FF6AB15C70.jpg" class="s_pic" alt="喆苑" bigimg="https://img5.sofang.com/otherSize/house/sale/2022_07/22/092916_1658453356_1SG1_5.jpg">-->
<!--                                    </a>-->
<!--                                </li>-->
<!--                                <li>-->
<!--                                    <a href="javascript:void(0);" class="pics">-->
<!--                                        <img src="https://gcy-image.oss-cn-shanghai.aliyuncs.com/2022-07-27/1658913884436_konodioda.jpg" class="s_pic" alt="喆苑" bigimg="https://img5.sofang.com/otherSize/house/sale/2022_07/22/092920_1658453360_FRWV_5.jpg">-->
<!--                                    </a>-->
<!--                                </li>-->
<!--                                <li>-->
<!--                                    <a href="javascript:void(0);" class="pics">-->
<!--                                        <img src="https://gcy-image.oss-cn-shanghai.aliyuncs.com/2022-07-25/1658756291383_null6ca6648f61ec8e77.jpg" class="s_pic" alt="喆苑" bigimg="https://img5.sofang.com/otherSize/house/sale/2022_07/22/092919_1658453359_XDRX_5.jpg">-->
<!--                                    </a>-->
<!--                                </li>-->
<!--                            </ul>-->
<!--                        </div>-->
<!--                        <div class="detail_picbot_right"><a href="javascript:void(0)" id="nextArrow_B"></a></div>-->
<!--                    </div>-->
                </div>
            </div>
            <div class="info_r">
                <!--二手房出售出租s-->
                <dl class="price">
                    <dt>
                        <p class="total">[[${detail.totalPrice}]]<span>万</span></p>
                        <p class="averages">[[${detail.totalPrice*10000/detail.area}]]元/㎡</p>
                    </dt>
                    <dd><a href="/cal3" target="_blank"></a></dd>
                </dl>
                <div class="info">
                    <dl>
                        <dt>
                            [[${detail.room}]]
                            室
                            [[${detail.hall}]]
                            厅
                            [[${detail.bathroom}]]
                            卫
                        </dt>
                        <dd>[[${detail.atFloor}]]/[[${detail.totalFloor}]]层</dd>
                    </dl>
                    <dl>
                        <dt>[[${detail.area}]]㎡</dt>
                        <dd>[[${detail.fitment}]]</dd>
                    </dl>
                    <dl class="no_right">
                        <dt class="align_r">[[${detail.direction}]]</dt>
                        <dd class="align_r">[[${detail.constructYear}]]年</dd>
                    </dl>
                </div>
                <ul class="msg">
                    <li class="no_float">
                        <label>楼盘名称：</label>
                        <a class="colorR" target="_blank" title="">[[${detail.unit}]]</a>
                    </li>
                    <li class="no_float">
                        <label>楼盘地址：</label>
                        <span class="address" title="">
                                    [[${detail.address}]]
                                </span>
                    </li>
<!--                    <li class="no_float">-->
<!--                        <label>房屋类型：</label>-->
<!--                        <span class="address" title="">-->
<!--                                    [[${detail.houseType}]]-->
<!--                                </span>-->
<!--                    </li>-->
<!--                    <li class="no_float">-->
<!--                        <label>入住时间：</label>-->
<!--                        <span class="address" title="">-->
<!--                                    [[${detail.livingDate}]]-->
<!--                                </span>-->
<!--                    </li>-->
<!--                    <li class="no_float">-->
<!--                        <label>联系人：</label>-->
<!--                        <span class="address" title="">-->
<!--                                    [[${detail.releaser}]]-->
<!--                            [[${detail.phone}]]-->
<!--                                </span>-->
<!--                    </li>-->
                </ul>
                <div class="broker_info  row3 ">
                    <dl>
                        <dt class="fl"><img th:src="${detail.idCardImg}" width="90" height="120" style="margin-top: 10px;"></dt>
                        <dd class="fl">
                            <p class="p1">
                                [[${detail.releaser}]]
                                <span class="info-card-verify" style="font-size: 14px; font-weight: normal; color:#888; cursor: pointer;" data-self="">
                                <img src="/static/esfSaleJs/renzheng.png" title="身份认证" style="margin: 0px 10px 0px 10px;">信息卡认证
                            </span>
                                <span class="info-card-verify" style="padding-left: 50px;font-size: 14px; font-weight: normal; color:#888; cursor: pointer;" data-self="https://img5.sofang.com/user/idcard/2018_11/18/095544_1542506144_4ZH0.jpg">
                                营业执照
                            </span>
                            </p>
                            <p class="p2">
                                [[${detail.phone}]]
                            </p>
                            <p class="p3" style="font-size:16px; color:#888; font-weight: normal; cursor:pointer; " data-self="">
                                空你几哇，我是[[${detail.releaser}]]
                            </p>
                        </dd>
                    </dl>
                    <a class="btn" href="https://sh.sofang.com/brokerinfo/3302575.html" target="_blank">进入我的店铺</a>
                </div>
            </div>
        </div>
    </div>
    <div class="detail2">
        <div class="box">
            <h2><span class="box_title">房源描述</span></h2>
            <div class="depict">
                [[${detail.selfComment}]]
            </div>
        </div>
    </div>
    <div class="detail2">
        <div class="box">
            <h2><span class="box_title">楼盘位置</span></h2>
            <div class="map">
                <!--   地图位置   -->
            </div>
        </div>
    </div>
</div>
<script>

</script>
</body>
</html>
